<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>学生选课系统</title>
    <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<div class="flex flex-col">
    <div class="w-1/12 flex-row  ">
        <a href="/toMain" class="flex items-center justify-center flex-shrink-0 w-100 h-10 mt-8 rounded hover:bg-green-200  ">
            已选课程
        </a>
        <a href="/toSelect" class="flex items-center justify-center flex-shrink-0 w-100 h-10 mt-8 rounded hover: bg-green-200">
            可选课程
        </a>
    </div>
    <div class="w-4/12 ">
        <div th:object="${student}" class="flex flex-col flex-grow p-10 overflow-auto ">
            <a class="flex  mb-2">
                <span class="leading-none" th:text="'学号:'+*{no}"></span>
            </a>
            <a class="flex mb-2">
                <span class="leading-none" th:text="'姓名:'+*{name}"></span>
            </a>
            <a class="flex mb-2">
                <span class="leading-none" th:text="'性别:'+*{sex}"></span>
            </a>
            <a class="flex  mb-2">
                <span class="leading-none" th:text="'年级:'+*{grade}+'级'"></span>
            </a>
            <a class="flex  mb-2">
                <span class="leading-none" th:text="'专业:'+*{major}"></span>
            </a>
            <a class="flex mb-2">
                <span class="leading-none" th:text="'学院:'+*{college}"></span>
            </a>
        </div>
    </div>
    <div class="w-7/12 ">
        <form action="/selectCourse" method="post">
            <div th:each="course:${courses}"
                 class="h-12 mb-5 text-md items-center flex px-4">
                <div class="w-2/12">
                    <input type="checkbox" name="exitCourse" th:value="${course.no}"
                           class="transform transition scale-150 ">
                </div>
                <a class="w-2/12">课程号:[[${course.no}]]</a>
                <a class="w-4/12">课程名:[[${course.name}]]</a>
                <a class="w-3/12">讲师:[[${course.teacher}]]</a>
                <a class="w-1/12">学分:[[${course.score}]]</a>
            </div>
            <button type="submit"
                    class="h-11 text-white bg-gray-600 font-thin px-3 flex text-lg justify-center items-center absolute left-100">
                选课
            </button>
        </form>
    </div>
</div>
</body>

</html>

